<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta name="format-detection" content="telephone=no" />
    <script>
	    var html = document.getElementsByTagName('html')[0];
	    html.style.fontSize = html.clientWidth / 3.75 + "px";
    </script>
    <title>全国产地</title>
    <link rel="stylesheet" href="../static/css/Reset.css">
    <link rel="stylesheet" href="../static/css/yellowPage_index.css" />
    <link rel="stylesheet" href="../libs/swiper/swiper.min.css">
</head>
<body>
	<div class="wz_wrapper">
		<div class="nz_header" id="goSearch">
			<span class="s_con">
				<img src="../static/images/search.png"/>意大利小镇
			</span>
		</div>
		<div class="wz_wrapperTop"></div>
		<div class="wz_all" id="wz_seeAll">
			<span class="wz_allCtn">查看全部农庄</span>
		</div>
		<!--footer-->
		<div class="h_50"></div>
		<footer>
			<a href="../bigSupply/index.html"><p><span class="footZ foot01"></span><br />大宗交易</p></a>
			<a href="../yellowPage/yellowPage_index.html"><p><span class="footZ foot02"></span><br />全国产地</p></a>
			<p onClick="vLoginJump('/userCenter/myPurchase/editBuyOne.html')" class="release"><span class="footL"></span><br />发布</p>
			<a href="../bulkTrader/bulkTrader_list.html"><p><span class="footZ foot03"></span><br />大宗交易员</p></a>
			<p onClick="vLoginJump('/userCenter/personalData/personal.html')"><span class="footZ foot04"></span><br />个人</p>
		</footer>
		<!--loading-->
		<div class="loading_modal">
			<img src="http://static.sheyuan.com/FrontEnd/test/wx3.0/images/loading.gif">
			<p>正在加载···</p>
		</div>
	</div>
</body>
	<script src="https://api.map.baidu.com/api?v=2.0&ak=HuWMDRmExUdhWoXsVSnBgqdvtWzhgfDY&s=1"></script>
	<script type="text/javascript" src="../libs/jquery.min.js"></script>
    <script type="text/javascript" src="../libs/fastclick.min.js"></script>
    <script type="text/javascript" src="../libs/vue/vue.min.js"></script>
	<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
    <script type="text/javascript" src="../libs/underscore.js"></script>
    <script type="text/javascript" src="../libs/underscore.extend.js"></script>
    <script type="text/javascript" src="../libs/require.js"></script>
    <script type="text/javascript" src="../libs/var.js"></script>
    <script type="text/javascript" src="../libs/common.js"></script>
    <script type="text/template" id="wz_tpl">
    	<div class="wz_now">
			<div class="wz_nowLine1">
				<div class="wz_nowLine1Text">当前已有农庄</div>
				<div class="wz_nowLine1Num">
					<span class="wz_allNum" id="wz_allNum"><%= totalNum %></span>
					<span class="wz_ge">个</span>
				</div>
				<div class="wz_nowLine1new">
					<span class="wz_nowLine1newText">昨日新增<span class="wz_newNum" id="wz_newNum"><%= addNum %></span>农庄</span>
				</div>
			</div>
			<div class="wz_nowLine2">
				<div class="wz_nowLine2Module">
					<div class="wz_nowLine2ModuleLine1">
						<span class="wz_nowLine2ModuleIcon"></span>
						<span class="wz_nowLine2ModuleText">当前</span>
						<span class="wz_nowLine2ModuleCtn" id="wz_province"></span>
					</div>
					<div class="wz_nowLine2ModuleLine2">
						<span class="wz_nowLine2ModuleNum" id="wz_provinceNum"><%= provinceNum %></span>
						<span class="wz_nowLine2ModuleGe">个</span>
					</div>
				</div>
				<div class="wz_nowLine2Module wz_nowLine2ModuleR">
					<div class="wz_nowLine2ModuleLine1">
						<span class="wz_nowLine2ModuleIcon"></span>
						<span class="wz_nowLine2ModuleText">附近</span>
						<span class="wz_nowLine2ModuleCtn" id="wz_district"></span>
					</div>
					<div class="wz_nowLine2ModuleLine2">
						<span class="wz_nowLine2ModuleNum" id="wz_countyNum"><%= countyNum %></span>
						<span class="wz_nowLine2ModuleGe">个</span>
					</div>
				</div>
			</div>
		</div>
		<div class="wz_separate"></div>
		<div class="wz_top">
			<div class="wz_topL">
				<div class="wz_topLTitle">最热Top3农庄</div>
				<ul class="wz_topUl">
					<% for(var i=0;i<accessTopFarms.length;i++) { %>
						<li class="wz_topLi">
							<span class="wz_topLiIcon wz_top<%= i+1 %>Icon"></span>
							<span class="wz_topLiCtn"><%= accessTopFarms[i].name %></span>
						</li>
					<% } %>
				</ul>
			</div>
			<div class="wz_topR">
				<div class="wz_swiper">
		            <div class="swiper-container wz_swiper1">
		                <div class="swiper-wrapper">
			                <% for(var i=0;i<accessTopFarms.length;i++) { %>
								<div class="swiper-slide">
			                        <img src="<%= accessTopFarms[i].coverPic %>" alt="">
			                    </div>
							<% } %>
		                </div>
		                <div class="swiper-pagination wz_pagination1"></div>
		            </div>
		        </div>
			</div>
		</div>
		<div class="wz_separate"></div>
		<div class="wz_top">
			<div class="wz_topL">
				<div class="wz_topLTitle">销售Top3农庄</div>
				<ul class="wz_topUl">
					<% for(var i=0;i<sellTopFarms.length;i++) { %>
						<li class="wz_topLi">
							<span class="wz_topLiIcon wz_top<%= i+1 %>Icon"></span>
							<span class="wz_topLiCtn"><%= sellTopFarms[i].name %></span>
						</li>
					<% } %>
				</ul>
			</div>
			<div class="wz_topR">
				<div class="wz_swiper">
		            <div class="swiper-container wz_swiper2">
		                <div class="swiper-wrapper">
			                <% for(var i=0;i<sellTopFarms.length;i++) { %>
								<div class="swiper-slide">
			                        <img src="<%= sellTopFarms[i].coverPic %>" alt="">
			                    </div>
							<% } %>
		                </div>
		                <div class="swiper-pagination wz_pagination2"></div>
		            </div>
		        </div>
			</div>
		</div>
		<div class="wz_separate"></div>
		<div class="wz_new">
			<% if(newFarms[0]){ %>
			<div class="wz_newBig wz_toDetail" id="<%= newFarms[0].id %>">
				<div class="wz_newBigTitle">最新农庄</div>
				<div class="wz_newBigCtn">
					<div class="wz_newBigCtnTitle"><%= newFarms[0].name %></div>
					<div class="wz_newBigCtnCtn"><%= newFarms[0].recReason %></div>
				</div>
			</div>
			<% }%>
			
			<ul class="wz_newUl">
				<% for(var i=1;i<newFarms.length;i++) { %>
					<li class="wz_newLi wz_toDetail" id="<%= newFarms[i].id %>">
						<div class="wz_newLiL">
							<img src="<%= newFarms[i].coverPic %>" alt="">
						</div>
						<div class="wz_newLiR">
							<div class="wz_newLiRLine1"><%= newFarms[i].name %></div>
							<div class="wz_newLiRLine2">
								<span class="wz_newLiRLine2Icon"></span>
								<span class="wz_newLiRLine2Positon"><%= newFarms[i].area %></span>
								<span class="wz_newLiRLine2Distance"><%= newFarms[i].distance %>km</span>
							</div>
							<div class="wz_newLiRLine3"><%= newFarms[i].recReason %></div>
							<div class="wz_newLiRLine4">
								<% var tags = newFarms[i].tags %>
								<% _.each(tags, function(n){ %>
									<span class="wz_label"><%= n %></span>
								<% }); %>
							</div>
						</div>
					</li>
				<% } %>
			</ul>
		</div>	
    </script>
    <script src="./js/yelloPage_index.js"></script>
</html>